<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport"content="width=device-width,initial-scale=1">
    <title>表单</title>
    <link href="../../css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
       <div class="container">
           <form>
               <div class="form-group has-success">
                   <label for="">用户名</label>
                   <input type="email" class="form-control" placeholder="Email"id="email"/>
               </div>
               <div class="form-group has-error">
                   <label for="">密码</label>
                   <input type="password" class="form-control" />
               </div>
               <div class="form-group">
                   <label for="">File input</label>
                   <input type="file"  />
                   <p>请选择文件</p>
               </div>
               <div class="checkbox">
                   <label for="">
                       <input type="checkbox" />男
                   </label>
               </div>
                <button class="btn btn-default">提交</button>
           </form>
           <br/>

           <form  class="form-inline">
               <div class="form-group ">
                   <label class="sr-only">金额</label>
                   <div class="input-group">
                       <div class="input-group-addon">$</div>
                       <input focus type="email" class="form-control focus"placeholder="金额" >
                       <div class="input-group-addon">.00</div>
                   </div>
               </div>
               <div class="form-group ">
                   <label class="sr-only">密码</label>
                   <input disabled type="password" class="form-control "placeholder="请输入密码" />
               </div>
           </form>
           <br/>
           <form  class="form-horizontal">
               <div class="form-group has-warning">
                   <label class="col-sm-2">邮箱</label>
                  <div class="col-sm-10">
                    <input type="email" class="form-control form-control-static" placeholder="Email"id="email1"/>
                   </div>
               </div>
           </form>
           <br/>
           <form  class="form-horizontal">
               <div class="form-group has-feedback">
                   <textarea name=""  cols="30" rows="10" class="form-control">    </textarea>
               </div>
           </form>
           <br/>
           <form >
               <select name="" id="" class="form-control">
                   <option value="1">1</option>
                   <option value="2">2</option>
                   <option value="3">3</option>
                   <option value="4">4</option>
               </select>
           </form>
       </div>
</body>
</html>